前言 這一篇是「終究都要學 React 何不現在學呢?」系列的最後一篇了,同時也是目錄,因此也最後分享一下自己學的過程,以及一些心得。 鐵人心得 其實本身我自己...
前言 這一篇開始會進入另一個新章節,只是這個章節我只會簡單的拆成兩篇,所以內容相對會少一點,那麼什麼是 Redux 呢?這一篇就讓我們來了解一下吧。 什麼是 R...
前言 這一篇要來介紹 React Router 中很重要一個優化的部分,也就是 Lazy Loading,Lazy Loading 在實在開發上其實是非常重要的...
前言 那麼由於我們主要都是以 React Hook 為主,因此 React Router 也有提供一些 Hook 給我們使用,所以這邊我們也要稍微了解一下有哪些...
前言 前面我們有稍微提到 Link,但是我們並沒有很認真的去認識它,只是單純帶到如何使用而已,所以這一篇會特別去說明 Link,同時也會介紹到另一個東西,也就是...
前言 前面我們已經認識了基本的 React Router,接著我們要認識另一個觀念,也就是巢狀路由,而巢狀路由在實戰開發上是很常見的,因此這一篇我們就必須要來認...
前言 雖然在極小的專案下,前面章節所學的知識點是很足夠的,但是我們在真正的專案開發上不可能只用前面的知識點而已,因為頁面會隨著專案規模大小越來越複雜,因此我們需...
前言 前一章節已經將原本在 Create React App 的環境轉移到 Vite 了,所以接下來會稍微簡單認識為什麼 Vite 這麼快的原因與如何將專案部署...
前言 這一篇開始將會進入另一個新章節也就是 Vite,相信許多人已經在專案上體驗過 Vite,如果還沒也沒關係,接下來會帶你了解會什麼 Vite 很香,以及如何...
前言 接下來會將第十一天所實作的 TodoList 從 CodePen 移植過來,因此這章節也會整理一下 CRA 順便安裝 Tailwind CSS,讓我們的...
前言 延續上一篇的 CRA 專案,這一天會將剩下兩成沒看過的程式碼稍微認識一下,所以這一篇也會相對簡單輕鬆。 Web Vitals 一開始我們先來看一下 ind...
前言 這一章節開始我們將會進入全新的章節,也就是 React CRA 章節,從這個章節開始也會慢慢減少在 CodePen 上的使用,而是開始進入實戰常見得開發環...
前言 Fragments 是一個實戰上非常常使用的技巧,它可以讓我們在寫 React 的時候,可以不用一定要包一層 div,這樣就可以讓我們的 HTML 結構更...
前言 我們在前面章節認識到了許多 React Hooks,但是這些 Hooks 都是由 React 官方所提供的,那如果我們想自訂自己的 Hooks 可不可以?...
前言 接下來要來聊一個有趣的 Hook,也就是 useRef 這個 Hook,這個 Hook 有什麼特別的功能呢?就讓我們瞧瞧吧! useRef 前面這邊先提一...
前言 接著我們要來認識一個很特別的東西,也就是 useReducer,而 useReducer 可以說是 useState 的進階版,因為 useReducer...
前言 接下來這一篇算是簡單的一篇,因為我們只會快速認識一下 useCallback,而 useCallback 是什麼呢?就讓我們繼續往下看吧。 useCall...
前言 這一章節開始我們要來介紹一個新的 Hook 也就是 useMemo,但是再說明 useMemo 之前我們先來回顧一下 Vue 裡面與 useMemo 類似...
前言 前面章節雖然我們已經認識了基本的 JSX 的部分,但這一篇我們會更深入的認識了解 JSX,讓我們在開發的時候可以少一點雷點,甚至活用一些技巧。 creat...
前言 前一篇我們已經完成了一個簡單版的 React TodoList,接著這一篇我們要來針對這個簡單版的 TodoList 優化一下,讓它變得更完整。 Reac...
前言 接下來這一章節我們將會實作一些小東西,主要是要整合前面的知識點,否則單看知識而沒有任何一點輸出的話是沒有任何用處的,因此就讓我們準備練習一下吧。 範本樣板...
前言 前面章節我們有初步認識到了 React 元件傳遞過程也就是 Props,但 Props 通常是上層一路傳遞到下層,雖然這樣子可以確保資料流向,因為是單向的...
前言 接下來我們要來認識一個新的 React Hook,也就是 useEffect,那麼單看這個名子會覺得有一點特別,因為直接翻譯成中文來講是「使用效果」,那麼...
前言 State 是 React Hook 非常重要的東西,多重要呢?簡單來講只要你需要更改呈現在畫面上的資料,那麼就一定脫離不了 React State。 V...
前言 接下來要來聊聊關於元件的部分,如果你是一名 Vue 開發者,相信你對於元件這個概念一定非常的熟悉,那麼 React 呢?React 的元件又如何呢? 什麼...
前言 接著來聊聊 React 的事件處理,畢竟事件處理這件事情我們在開發上是非常常見的。 Vue 事件處理 一開始我們先來快速聊一下 Vue 的部分。 Vue...
前言 常常聽到人家說 JSX 這是什麼東西?好像對於寫 React 的人來講是一個必須要學的東西? JSX 介紹 撰寫 React 之前你一定會需要了解 JSX...
前言 Function Component?Class Component?React Hooks?這些到底是什麼東西呢?所以這一篇我們就要來認識一下 Reac...
前言 前面我們快速了解 React 跟 Vue 之間的寫法上差異,所以接下來就是準備正式開始認識並學習 React 囉。 事前提醒 由於接下來我們將會學習 Re...
前言 不管怎麼樣,一開始絕對都是先從認識 React 基礎觀念與認識了解 React 背景開始,這樣子對於後續要學習其他框架時才能夠比較清楚彼此之間的差異,除此...